﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="mfDjackRecommend.aspx.cs" Inherits="msBsc.WebUi.mfDjackRecommend" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>手机地接客</title>
    <%=getMeta()%>
    <link rel="stylesheet" type="text/css" href="/themes/mStyle1/mGlobal.css" charset="gbk" />
    <%=getBodyBeforeJs()%>
    <%--<script src="/??jqPlugin/js/jquery-1.8.3.min.js,js/jBase.js,js/jmPage.js,themes/Style1/jsQt.js,jqPlugin/js/laytpl.js"
        type="text/javascript"></script>
    <script type="text/javascript" src="/jqPlugin/js/jBase.js"></script>--%>
    <script type="text/javascript" src="/jqPlugin/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="/jqPlugin/js/jBase.js"></script>
    <script type="text/javascript" src="/jqPlugin/js/jmPage.js"></script>
    <script type="text/javascript" src="/themes/Style1/jsQt.js"></script>
    <script type="text/javascript" src="/jqPlugin/js/laytpl.js"></script>
    <script src="/themes/wStyle1/js/comm/VerifyJs.js"></script>
    <script type="text/javascript">
        $(window).load(function () {
        });
    </script>
    <!--head fix rgn-->
    <style type="text/css">
        .recommend-content {
            width: 100%;
            display: table;
            padding: 0 15px;
        }

        #recommend-text {
            padding: 20px 5px;
            background-color: #fff;
            width: 100%;
            font-family: 微软雅黑;
            font-size: 0.8em;
            color: #999;
            word-break: break-all;
            word-wrap: break-word;
            overflow: hidden;
        }

        .fotter {
            clear: both;
        }

        .listcon {
            width: 100%;
        }

            .listcon dl {
                border: 1px solid #ffffff;
                background-color: #ffffff;
                margin: 13px auto;
                overflow: auto;
                position: relative;
                width: 98%;
            }

                .listcon dl dt {
                    display: block;
                    float: left;
                    width: 70px;
                }


        a {
            color: inherit;
            outline: medium none;
            text-decoration: none;
        }

        .listcon dl dt img {
            display: block;
            height: 50px;
            margin: 13px auto;
            width: 50px;
            border-radius: 50%;
        }

        img {
            border: 0 none;
        }

        .listcon dl dd {
            display: block;
            font-size: 15px;
            line-height: 21px;
        }

            .listcon dl dd h3 {
                font-size: 14px;
                font-weight: normal;
                height: 37px;
                line-height: 43px;
                overflow: hidden;
                font-weight: bold;
                color: #c3c3c3;
            }

            .listcon dl dd p {
                color: #666666;
                line-height: 35px;
                font-size: 17px;
                overflow: hidden;
                font-weight: bold;
            }

        .b_price {
            color: red;
            font-size: 15px;
            font-weight: bold;
        }

        .listcon dl dd p .span_l {
            margin-right: 5px;
            text-align: left;
        }

        .listcon dl dd p span {
            display: block;
            float: left;
        }

        .span_r {
            float: right;
            margin-right: 5px;
            border-radius: 7px;
            display: inline-block;
            font-size: 15px;
            min-width: 50px;
            text-align: center;
        }

        .log {
            background-color: #ffffff;
            height: 20px;
            margin: 1px auto;
            text-align: center;
            width: 98%;
            cursor: pointer;
            font-size: 16px;
        }
    </style>
    <link rel="stylesheet" href="/themes/mStyle1/mSearch.css" />
    <link href="/themes/mStyle1/css/public/mDjackPersonalBase.css" rel="stylesheet" />
    <link href="/themes/mStyle1/css/home/base.css" rel="stylesheet" />
    <%--    <link rel="stylesheet" href="/themes/Style1/schList.css" />--%>
    <base target="_self" />
</head>
<body>
    <div class="viewport" style="background-color: #edeeee">
        <%=msBsc.WebUi.Code.QtHtmlGet.GetWapHeaderMenuHtml(true) %>
        <input type="hidden" id="hidDjackId" value="" />
        <div class="djack-baseinfo">
            <div class="show-specity">
                <div class="djack-headerPic">
                    <img src="" />
                </div>
                <div class="djack-largename">
                    <span id="name"></span><span id="icon-gender">
                        <img src="" /></span>
                </div>
                <div class="djack-servivelable">
                </div>
                <div class="djack-linkonline">
                    <div class="linkonline-text">
                        <img src="/themes/mStyle1/Image/public/linkonline_w.png" /><span>在线联系</span>
                    </div>
                </div>
            </div>
            <div class="show-conaction">
                <div class="djack-name-phone">
                    <span class="djack-show-name"></span><span class="djack-show-phone">
                        <a title="点击拨打电话" id="callSeller">
                            <img src="/themes/mStyle1/Image/public/phone_ioc.png" /><span class="djack-phone"></span></a></span>
                </div>
                <div class="djack-areainfo">
                </div>
                <div class="djack-intro">
                </div>
            </div>
        </div>
        <div class="menu-tags">
            <ul>
                <li class="vehicleinfo">包车旅游</li>
                <li class="tagselected">旅游推荐</li>
                <li class="personal">个人中心</li>
            </ul>
        </div>
        <div class="recommend-content">
            <%--<div id="recommend-text">
            </div>--%>
            <div class="listcon" id="forumList">
            </div>
            <xmp id="svc_list_temp" style="display: none">
                        {{#for(var i=0,len=d.rows.length;i < len;i++){ }}
                            <dl onclick="window.location.href='/mp_ForumInfo.htm?forumId={{d.rows[i].SOURCE_POSTS_ID}}'">
                                <dt>
                                    <a>
                                    <img title="{{d.rows[i].CUSTOMER_NICK}}" src="{{d.rows[i].CUSTOMER_DEFAULT_PIC}} 50x50img.jpg" /></a>
                                </dt>
                                <dd>
 				<h3><a>{{d.rows[i].CUSTOMER_NICK}}</a>
                                        <span class="span_r">{{d.rows[i].POSTS_PUBLISH_TIME}}</span>
                                    </h3>
                                    <a title="{{d.rows[i].SOURCE_POSTS_TITLE}}"  href="/mp_ForumInfo.htm?forumId={{d.rows[i].SOURCE_POSTS_ID}}" class="span_l">
                                        {{ d.rows[i].SOURCE_POSTS_TITLE}}
                                    </a>
                                </dd>
                            </dl>
                        {{#} }}
                    </xmp>

            <div id="xLoading" style="display: none" class="log">更多信息加载中请稍后...</div>
            <div id="nextPage" onclick="goPage();" class="log">查看更多</div>
        </div>
        <%=msBsc.WebUi.Code.QtHtmlGet.GetWapMenuHtml() %>
    </div>

    <script src="/themes/mStyle1/mDjackPersonalComm.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $.getMessageCount();
            $("#callSeller").live("click", function () {
                var tel = $(this).attr("href");
                if (IsNull(tel) || tel.indexOf(":") < 0) {
                    tel = "";
                }
                tel = tel.split(":")[1];
                var _jsParam = new jsonRow();
                _jsParam.AddCell("pg_url", tel);
                _jsParam.AddCell("pg_name", "手机点击");
                _jsParam.AddCell("pg_code", "m0018");
                _jsParam.AddCell("ACTION", "telClick");
                ajaxComm(_jsParam);
            });
        });
        var pIndex = 1;
        var pageSize = 10;
        function GetDjackVehicle() {
            var _parms = new jsonRow();
            _parms = addNoAreStatistics(_parms, "地接客详情", "m0017");
            _parms.AddCell("ACTION", "init");
            _parms.AddCell("pIndex", pIndex);
            _parms.AddCell("pRows", pageSize);
            _parms.AddCell("djackId", $("#hidDjackId").val());
            ajaxComm(_parms);
        }
        GetDjackVehicle();

        function doBoundContent(_shopurl) {
            if (_shopurl != null && _shopurl != undefined && _shopurl != '') {
                jQuery.loadHtml(_shopurl).done(function (_rethtml) {
                    var tpl = HtmlUtil.htmlDecode(_rethtml);
                    $("#recommend-text").html(tpl);
                });
            }
        };

        function setPage(rowCount, index) {
            if (parseInt(index) < 1 || parseInt(rowCount) < 1 || (pageSize * index) >= rowCount) {
                $("#xLoading").show();
                $("#xLoading").html("下面没有更多分页了...");
                $("#nextPage").hide();
            }
            else {
                $("#xLoading").hide();
                $("#xLoading").html("正在加载中...");
                $("#nextPage").show();
            }
        }

        function goPage() {
            pIndex = pIndex + 1;
            var _parms = new jsonRow();
            _parms.AddCell("ACTION", "gopage");
            _parms.AddCell("pIndex", pIndex);
            _parms.AddCell("pRows", pageSize);
            _parms.AddCell("djackId", $("#hidDjackId").val());
            ajaxComm(_parms);
        }

    </script>
</body>
</html>
